{%extends file="home/page/rechargelayout.tpl"%}

{%block name="recharge_head_static"%}
    {%require name="home:static/rechargelayout/rechargelayout.js"%}
    {%if $plat_usable_amount<0%}
        {%$plat_usable_amount = 0%}
    {%/if%}
    <script>
        P.data('pid',2);
        P.data('limit_available',{%$plat_usable_amount%});
    </script>
{%/block%}

{%block name="content"%}
<div class="recharge-layout">
    <div class="recharge-header">
        <div class="recharge-header-content">
            <div class="product-type">真融宝定期·稳进宝</div>
            <div class="money-block ">
                <i class="ob-icon bo-icon-cycle1"></i>
                <div class="ob-context">
                    <div class="ob-title">7%</div>
                    <div class="ob-info">预期年化收益</div>
                </div>
            </div>
            <div class="money-block ">
                <i class="ob-icon bo-icon-cycle1"></i>
                <div class="ob-context">
                    <div class="ob-title">1个月</div>
                    <div class="ob-info">锁定期</div>
                </div>
            </div>
            <div class="money-block ">
                <i class="ob-icon bo-icon-cycle1"></i>
                <div class="ob-context">
                    <div class="ob-title">{%$dead_day%}</div>
                    <div class="ob-info">收益日期</div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>

    <div class="recharge-body">
        <div class="recharge-wap">
            <div class="recharge-info">
                <div class="recharge-info-content">
                    <div class="item">
                        <span class="type-name">当前可购买的份额：</span>
                        <span style="font-size: 20px;">￥{%$plat_usable_amount|format_amount:0%}</span>
                    </div>
                    <div class="item">
                        <div>
                            <span class="type-name">输入购买金额：</span>
                            <input type="" class="text-input recharge-amount" >
                            <a href="#recharge" class="btn btn-large btn-main recharge-confirm" style="padding:15px 25px">
                                {%block name="recharge_text"%}购买{%/block%}
                            </a>
                        </div>
                    </div>
                    <div class="tip">
                        <div class="tip-title">提示:</div>
                        <p>1.大额支付请使用U盾。</p>
                        <p>2.真融宝已为您垫付了本次支付费用（第三方支付平台收取支付金额的2‰~6‰作为支付手续费）。</p>
                        <p>3.稳进宝为定期类产品，在1个月的锁定期内，无法提现。</p>
                        <p>4.更多问题，查看常见问题。</p>
                    </div>
                </div>
            </div>
            <a name="recharge"></a>
            {%widget
            name="common:widget/recharge/recharge.tpl"
            call="recharge"
            agreement = 2
            %}

        </div>

    </div>
</div>
{%/block%}